// Aufgabe_7_1_bunte_Smileys

function setup(){
 createCanvas(600, 300);
 }

function draw(){
  background(0);
  for(x = 50; x <= width-50; x += 100) {
    for(y = 50; y <= height-50; y += 100) {
      smileys(x, y);
      }
    }
 }

function smileys(x, y){
  noStroke();
  fill(255, 255-x/2, y);
  ellipse(x, y, 50, 50);
  stroke(0);
  strokeWeight(8);
  point(x+10, y-5);
  strokeWeight(3);
  line(x-14, y-6, x-7, y-6);
  arc(x, y+2, 30, 30, PI/8, 7*PI/8);
 }
